$(function () {
    // 弹窗对象
    var layer = layui.layer
    /**1-获取用户的基本信息 ***********************************/
    getuserinfo();


    /**3-退出登录 ***************************************************/
    $("#logout").on('click', function () {
        // 询问
        layer.confirm('您确定要退出吗？', {
            icon: 3,
            title: '提示'
        }, function () {
            // 清除token
            localStorage.removeItem('token')
            // 跳转到登录页面
            location.href = 'login.html'
        })
    })
})


// 全局 后面user_info中会调用
function getuserinfo() {
    // 发送请求
    $.ajax({
        megthod: "get",
        url: '/my/userinfo',
        // 设置请求头 为什么要设置？？保留疑问 是要权限吗？？
        // headers: {
        //     Authorization: localStorage.getItem("token")
        // },
        success: function (res) {
            if (res.status !== 0) {
                return layer.msg("res.message")
            }
            // 渲染用户头像和昵称
            renderAvatar(res.data);
        },

        // 设置首页访问权限 处于未登录状态要清除token并跳转到登录页面
        // complete: function (res) {
        //     console.log(res)
        //     if (res.responseJSON.status === 1 && res.responseJSON.message === "身份认证失败！") {
        //         // 清除token
        //         localStorage.removeItem('token')
        //         // 跳转到登录页面
        //         location.href = 'login.html'
        //     }
        // }
    })
}
/**2-渲染头像 **************************************************/
/**封装一个函数，渲染用户的头像和昵称 */
function renderAvatar(user) {
    // 判断用户又没有昵称
    var name = user.nickname || user.username
    // 设置欢迎语 span 的内容
    $("#welcome").html('欢迎' + name)
    // 判断用户有没有头像
    if (user.user_pic) {
        // 有头像 显示头像 img的src修改
        $(".layui-nav-img").prop('src', user.user_pic)
        $(".text-avatar").hide()
    } else {
        // 没有头像 就获取用户名首字母大写
        var first = name[0]
        first = first.toUpperCase()
        $(".text-avatar").html(first)
        $(".layui-nav-img").hide()
    }
}